<header  class="bar bar-header  bar-stable bar-mycolor " >
    <a class="button button-clear icon ion-ios-arrow-left" href="#/tab/friends" ></a>
      <h1 class="title ">茶友</h1>
</header>


<header  class="bar bar-subheader  bar-stable bar-mycolor " >
	<div class="row row-center bk-white row-margin">
		<div class="content-center">
			<button class="bt-style2 " ng-class="{'bt-active2':isNewActive}" ng-click="changeToNew()">最新</button>
			<button class="bt-style2"  ng-class="{'bt-active2':isRecommendActive}" ng-click="changeToRecommend()">推荐</button>
		</div>
	</div>
</header>

<ion-content class="has-subheader bk-gray" ng-init="changeToNew()">

  <div class="friends_rank_item" ng-repeat="u in recList" ng-click="goToUserDetailPage(u.id)">
    <div ng-class="{'circle_number_red':u.pos === 0,
                    'circle_number_green':u.pos === 1,
                    'circle_number_orange':u.pos === 2,
                    'box_20px': true}"
    >
        <span>{{u.pos + 1}}</span>
    </div>

    <div class="friends_rank_item_avatar"><img class="circle_img_60px" src="{{u.avatar}}"></div>

    <div class="friends_rank_item_txt_area">
        <p>{{u.nickname}}</p>
        <p><a class="friends_rank_item_txt_area_icon ion ion-location"></a>{{u.address}}</p>
    </div>

    <div class="friends_rank_item_txt_value">{{u.value}}{{typeName}}</div>
  </div>


</ion-content>
